body {
    background: url(http://zonajudi4us.com/img/bg.jpg) #000 center top no-repeat;
}
.container {
    max-width: 990px;
}
header {    
    padding: 15px 0;
    background-color: rgba(0,0,0,.5);
}
header a.logo {    
    width: 100%;
}
a.adminlink {
    background: #ff3019; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
a.togelresult {
    background: #77d805; /* Old browsers */
    background: -moz-linear-gradient(top,  #77d805 0%, #7de303 2%, #79e103 12%, #4ccc02 80%, #44c801 98%, #41bf04 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77d805), color-stop(2%,#7de303), color-stop(12%,#79e103), color-stop(80%,#4ccc02), color-stop(98%,#44c801), color-stop(100%,#41bf04)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #77d805 0%,#7de303 2%,#79e103 12%,#4ccc02 80%,#44c801 98%,#41bf04 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #77d805 0%,#7de303 2%,#79e103 12%,#4ccc02 80%,#44c801 98%,#41bf04 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #77d805 0%,#7de303 2%,#79e103 12%,#4ccc02 80%,#44c801 98%,#41bf04 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #77d805 0%,#7de303 2%,#79e103 12%,#4ccc02 80%,#44c801 98%,#41bf04 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77d805', endColorstr='#41bf04',GradientType=0 ); /* IE6-9 */
}

a.registerlink, .menu-right li.register-yellow {
    background: #f1d902; /* Old browsers */
    background: -moz-linear-gradient(top,  #f1d902 0%, #fee400 2%, #fee200 15%, #fdcc00 95%, #fccb00 98%, #efc102 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1d902), color-stop(2%,#fee400), color-stop(15%,#fee200), color-stop(95%,#fdcc00), color-stop(98%,#fccb00), color-stop(100%,#efc102)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f1d902 0%,#fee400 2%,#fee200 15%,#fdcc00 95%,#fccb00 98%,#efc102 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f1d902 0%,#fee400 2%,#fee200 15%,#fdcc00 95%,#fccb00 98%,#efc102 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f1d902 0%,#fee400 2%,#fee200 15%,#fdcc00 95%,#fccb00 98%,#efc102 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f1d902 0%,#fee400 2%,#fee200 15%,#fdcc00 95%,#fccb00 98%,#efc102 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1d902', endColorstr='#efc102',GradientType=0 ); /* IE6-9 */
}
a.registerlink {float: right;}
a.togelresult, a.registerlink, a.adminlink {
    display: block;
    color: #000;
    font-weight: 500;

    width: 250px;
    text-transform: uppercase;
    border-radius: 5px;    
}
a.adminlink {color: #fff;}
a.logo, a.togelresult, a.registerlink, a.adminlink {

    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pagination {
    margin: 0;
}
.wrapper {
    float: none !important;
    position: relative;
    z-index: -1;   
}
.newsticker-wrapper {
    background-color: #000;
    color: #fff;
    border: none;
    float: none !important;
    position: relative;
    z-index: 0;   
    padding: 5px 15px;
    vertical-align: middle;      
    margin-bottom: 1px;
}
.newsticker-wrapper a {
    color: #fccb00;
}
.newsticker-body {    
    vertical-align: middle;
}
.newsticker-body ul {
    margin-bottom: 0px;
}
.newsticker-wrapper div.newsticker-body {
    text-align: center;
    vertical-align: middle;
}
.homepage {
    background-color: #000;
    z-index: 0;
    border: 1px solid #000;
    margin-bottom: 10px;    
}
.single, .clientarea {
    background-color: rgba(0,0,0,.6);
    color: #fff;
    padding: 20px 30px;    
    min-height: 347px;
}
.clientarea {
    background-color: #fff;    
    color: #333;
}
.single .page-header, .clientarea .page-header {
    margin-top: 30px;
}
.single .table-striped > tbody > tr:nth-child(2n+1) {
    background-color: rgba(255,255,255,.1);
}
.single .table > thead > tr > th, 
.single .table > tbody > tr > th, 
.single .table > tfoot > tr > th, 
.single .table > thead > tr > td, 
.single .table > tbody > tr > td, 
.single .table > tfoot > tr > td {border-top: 0px;}

.games-container {   
    background: url(../img/games.png) transparent no-repeat center center;    
    height: 150px;    
    margin-left: -15px;
    margin-right: -15px;
}
.facebook-frame {
    background-color: #fff;
    border-radius: 5px;
}
.newspaper {
    border-radius: 5px;
    background-color: rgba(0,51,0,0.6);
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #398439;
    min-height: 470px;    
}
.newspaper h4 {
    color: #fee400;
    font-size: 14px;
}
.newspaper p {
    padding-top: 15px;
    color: #fff;
    font-size: 12px;
}


footer {    
    padding: 20px 0px 0px;
    color: #fff;       
    text-align: center;
}
footer img {
    max-width: 100%;
    margin-right: 20px;
}
footer p {    
    font-size: 12px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    display: block;
    vertical-align: baseline;
} 

.chat-icon {    
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/chat-icon.png);
    background-repeat: no-repeat;    
    margin-right: 8px;
}
.ym {background-position: -0px -0px; width: 41px; height: 40px}
.bbm {background-position: -0px -50px; width: 43px; height: 41px}
.line {background-position: -0px -101px; width: 38px; height: 38px}
.whatsup {background-position: -0px -149px; width: 39px; height: 39px}

.menu-right  {
    font-family: 'Lato', sans-serif;
    position: relative;
    background: rgba(0,0,0,.8);    
    z-index: 999;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}
.menu-right li {padding: 15px;}
.menu-right a {    
    color: #fff;
    height: 35px;    
}
.menu-right ul {margin-bottom: 0px;}
.menu-right .register-yellow {
    text-align: center;
}
.menu-right .register-yellow a {
    color: #000;
    font-size: 24px;  
    font-weight: 400;
}

@media (min-width: 990px) {    
    .leftbar {
        font-family: 'Lato', sans-serif;
        color: #fff;
        text-transform: uppercase;  
        float: left;
    }
    .leftbar .mindepo, .leftbar .prediksimatch {
        width: 303px;
        height: 173px;
        text-align: center;    
        vertical-align: middle;    
        padding: 42px 0;
    }
    .leftbar a {color: #fff;}
    .leftbar a:hover {text-decoration: none;}
    .leftbar .prediksimatch {
        background: url(../img/prediksi-match.jpg) #000 no-repeat;
    }    
    .leftbar .mindepo {    
        background: url(../img/min-depo.jpg) #000 no-repeat;
    }
    .leftbar .big-text, .leftbar .small-text {
        text-shadow: 0px 0px 2px rgba(0,0,0, 1);
    }
    .leftbar .big-text{
        font-size: 48px;
        line-height: 48px;
    }
    .leftbar .small-text{
        font-size: 23px;
        line-height: 23px;
    }    
    .amz-slider {        
        margin-left: 303px;
        width: 657px !important;
        height: 345px !important;     
    }
    .menu-right  {
        /*float: right;*/
        width: 180px;
    }
}
@media (min-width: 768px) {
    #navbar {padding: 0px;}
    .navbar {border-radius: 0px; box-shadow: none;}
    #navbar {text-align: center;}
    .navbar-inverse {background: none;border: none;}
    .navbar-inverse .navbar-nav > li > a:hover {color: #fccb00;}
    .navbar-inverse .navbar-nav > li > a {
        font-family: 'Lato', sans-serif;        
        color: #fff;
        display: block;
        font-size: 13px;

        margin: 10px 18px;
        padding-left: 0px;
        padding-right: 0px;

        width: 78px;
        text-align: center;
        text-shadow: none;    
    }
    .navbar-inverse a:hover {background-color: transparent;}
    .navbar {min-height: 70px;}

    .navbar-nav > li > a > span {
        display: block;
        margin-top: 30px;
    }
    .nav-menu {        
        background-image: url(../img/menu-nav.png);
        background-repeat: no-repeat;             

        transition: .5s background-position;
        -webkit-transition: .5s background-position;
        -moz-transition: .5s background-position;            
    }

    .home {background-position: -0px -0px; height: 24px;}
    .home:hover {background-position: -0px -272px;height: 48px;}

    .promo {background-position: -0px -238px; height: 24px}
    .promo:hover {background-position: -0px -678px; height: 48px}

    .permainan {background-position: -0px -170px; height: 24px}
    .permainan:hover {background-position: -0px -562px; height: 48px}

    .livescore {background-position: -0px -68px; height: 24px}
    .livescore:hover {background-position: -0px -388px; height: 48px}

    .livetv {background-position: -0px -102px; height: 24px}
    .livetv:hover {background-position: -0px -446px; height: 48px}

    .berita {background-position: -0px -136px; height: 24px}
    .berita:hover {background-position: -0px -504px; height: 48px}

    .prediksi {background-position: -0px -204px; height: 24px}
    .prediksi:hover {background-position: -0px -620px; height: 48px}

    .jadwaltv {background-position: -0px -34px; height: 24px}
    .jadwaltv:hover {background-position: -0px -330px; height: 48px}
}
@media (device-width: 768px) {    
    .navbar-inverse .navbar-nav > li > a {
        width: 78px;
        margin: 10px 6px;
        font-size: 12px;
    }
    div#logo {float: left; margin-top: 20px;}
    div#togel {float: right; margin-bottom: 2px;}
    .menu-right {text-align: center;padding: 10px 0;margin-bottom: 1px;}
    .menu-right li {display: inline;}
    .menu-right .register-yellow {display: none;}    
}
@media only screen and (device-width: 1024px){
    .amz-slider {margin-left: 0px;}            
}
@media (min-width: 320px) and (max-width: 640px) {
    header {text-align: center;}
    .navbar {margin-bottom: 0px;}
    #register, #togel {display: none;} 
}

/* PERMAINAN */
.permainan h3 {font-size: 16px;}
.permainan img {width: 100%; height: 100%;}                
.permainan .thumbnail .caption {padding: 0 9px !important;}
.permainan .thumbnail {margin-bottom: 15px;}
.permainan .image-container {height: 135px; overflow-y: auto;}
